<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<nav class="side-navbar">
    <div class="side-navbar-wrapper">
        <!-- Sidebar Header    -->
        <div class="sidenav-header d-flex align-items-center justify-content-center">
            <!-- User Info-->
            <div class="sidenav-header-inner text-center">
                <img th:src="@{/img/tajiLogo.png}" alt="person" class="img-fluid rounded-circle">
                <h2 class="h5" th:text="${currentUser.name}"></h2><span>欢迎登陆短信系统</span>
            </div>
            <!-- Small Brand information, appears on minimized sidebar-->
            <div class="sidenav-header-logo">
                <a th:href="@{/home/index}" class="brand-small text-center"> <strong style="color:white">S</strong>
                    <strong class="text-primary">J</strong></a>
            </div>
        </div>
        <!-- 菜单-->
        <div class="main-menu">
            <!--<h5 class="sidenav-heading">Main</h5>-->
            <ul id="side-main-menu" class="side-menu list-unstyled" th:each="menu,loop:${menus}" data-transition="none" >
                <li th:if="${menu.hasSubmenu == 0}" data-transition="none" >
                    <a th:href="${menu.menuUrl}" th:id="${menu.id}"  onclick="checkedMenu(this)" th:data-sub="${menu.hasSubmenu}">
                        <i th:class="${menu.menuIco}"></i>
                        <span th:text="${menu.menuName}"> </span>
                    </a>
                </li>
                <li th:if="${menu.hasSubmenu == 1}" data-transition="none" >
                    <a th:href="'#menu' +${loop.count}"  onclick="checkedMenu(this)" th:id="${menu.id}"
                       aria-expanded="false" data-toggle="collapse" th:data-sub="${menu.hasSubmenu}" >
                        <i th:class="${menu.menuIco}"></i>
                        <span th:text="${menu.menuName}"> </span>
                    </a>
                    <ul  th:id="'menu' +${loop.count}" class="collapse list-unstyled" th:data-parent-menu-id="${menu.id}" data-transition="none" >
                        <li  th:each="subMenu:${menu.child}" >
                            <a th:href="${subMenu.menuUrl}" th:id="${subMenu.id}" onclick="checkedSubMenu(this)">
                                <span th:text="${subMenu.menuName}"></span></a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</nav>

</body>
</html>